<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link type="text/css" href="css/css.css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="css/flexslider.css" />
<title>乐品汇家居</title>
</head>
<style>
a{ text-decoration:none; color:#000;} 	
.body,html{font-family:"\5FAE\8F6F\96C5\9ED1";}
.main{width:100%; max-width:640px; min-width:320px; margin:0px auto; margin-left:auto; margin-right:auto;}
.msg{ width:100%; margin:10px auto; text-align:center; font-size:12px; color:#ccc; bottom:0px;} 
.nav{ width:100%; margin:10px auto; text-align:center;}
.box{ width:95%; margin:0px auto;}
.box-up{ width:100%; }
.box-up-left{ float:left; width:48%; background:#f39801; height:100px; margin-top:10px;}
.box-up-right{ float:right; width:48%; background:#f39801; height:100px; margin-top:10px;}
.box-up-left-pic{ float:left; margin-top:15px; margin-left:15px; width:40%}
.box-up-left-text{ float:left; color:#fff; margin-top:17px; line-height:30px; font-size:18px; width:50%; text-align:center;}
.box-down{ padding-top:10px;}
.banner{width:100%; height:auto; margin:0px auto; }

</style>
<body>
	<div class="main">
    	<div><img src="img/nav.jpg" width="100%"/></div>
        <div class="banner">
        <section id="section">
		<!-- 图片播放功能 -->
		<div class="bannerPane">
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li><a href="javascript:;"></a><img src="img/banner.png"  /></a></li>
						<li><a href="javascript:;"></a><img src="img/banner.jpg"  /></a></li>
					</ul>
				</div>
			</section>
		</div>
	</section>
        </div>
        <div class="box">
			<div class="box-up">
            	<div class="box-up-left">
                	<div class="box-up-left-pic"><img src="img/1.png" width="70" /></div>
                    <div class="box-up-left-text">公司<br/>简介</div>
                </div>
                <div class="box-up-right">
                	<div class="box-up-left-pic"><img src="img/2.png" width="70" /></div>
                    <div class="box-up-left-text">微信<br/>商城</div>
                </div>
            </div>
            <div class="box-down">
           		<div class="box-up-left">
                	<div class="box-up-left-pic"><img src="img/3.png" width="70" /></div>
                    <div class="box-up-left-text">一键<br/>导航</div>
                </div>
                <div class="box-up-right">
                	<div class="box-up-left-pic"><img src="img/4.png" width="70" /></div>
                    <div class="box-up-left-text">一键<br/>拨号</div>
                </div>
            </div>
        </div>
    </div>
    <div style="clear:both;"></div>
    <div class="msg">技术支持:青岛微信网</div>
    <script src="js/jquery.min.js"></script>
	<script src="js/jquery.mmenu.min.all.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/o-script.js"></script>
</body>

</html>
